import Header from '../components/Header.js'
import Footer from '../components/Footer.js'
import '../static/style/pages/nofound.less'
import Link from 'next/link'
import { useState } from 'react'
import { SearchOutlined } from '@ant-design/icons'
export default function NoFound() {
  const [webInfo, setWebInfo] = useState({
    siti: 'Cat享',
    slogan: '享你所想',
    slogan2: 'Enjoy what you want',
    logo: ''
  })
  return (
    <div>
      <Header fixed={true} title={'404'}></Header>
      <section className='w3l-error-61-404'>
        <div className='error-61-mian'>
          <div className='wrapper'>
            <div className='errors-16-top'>
              <div className='errors-16-info'>
                <h3>404 </h3>
                <p>sorry! 页面找不到了</p>
                <form action='#' method='post' className='d-flex error-page-form'>
                  <input type='search' placeholder='搜一下就知道' required='required' />
                  <button type='submit'>
                    <span className='fa fa-search' aria-hidden='true'>
                      <SearchOutlined />
                    </span>
                  </button>
                </form>
              </div>
            </div>
            <div className='copyright-footer'>
              <div className='copy-right'>
                Copyright © 2020 by &nbsp;<Link href='/'>{webInfo.siti}</Link> &nbsp;. All rights reserved.
              </div>
              <div className='slogan-two'>{webInfo.slogan2}</div>
            </div>
          </div>
        </div>
      </section>
      {/* <Footer></Footer> */}
    </div>
  )
}
